#vocab-left.span3.scrollbars
  form.well.form-search
    input#vocab-search.input-large.search-query(placeholder = 'Filter')
    ul.nav.nav-list.top-padding
      li.active: a
        i.icon-asterisk
        | Cloud
      li.nav-header
      li#vocab-all-link: a
        i.icon-align-justify
        | All Words
      li: a
        i.icon-
        | Nouns
      li: a
        i.icon-
        | Verbs
      li: a
        i.icon-
        | Adjectives
      li: a
        i.icon-
        | Others
.span6
  #vocab-cloud.fill
    canvas#vocab-canvas.fill
    ul#vocab-canvas-data.hide
  #vocab-grid.fill.hidden
#vocab-right.span3.scrollbars
  form.well
    a.btn.btn-primary.btn-large.btn-fill(data-toggle = 'modal', data-target = '#vocab-test')
      | Start Test
    h6.top-padding Number of Questions
    .btn-group(data-toggle = 'buttons-radio')
      a.btn.btn-dark.btn-quarter 10
      a.btn.btn-dark.active.btn-quarter 20
      a.btn.btn-dark.btn-quarter 50
      a.btn.btn-dark.btn-quarter 100
    h6.top-padding Questions from
    .btn-group.vertical(data-toggle = 'buttons-radio')
      a.btn.btn-dark.active Selected Words
      a.btn.btn-dark Selected Category
      a.btn.btn-dark All Words
    h6.top-padding Test Type
    .btn-group.vertical(data-toggle = 'buttons-radio')
      a.btn.btn-dark.active _ to English
      a.btn.btn-dark English to _
      a.btn.btn-dark Spoken _ to English
    h6.top-padding Time Per Question
    .btn-group(data-toggle = 'buttons-radio')
      a.btn.btn-dark.btn-quarter 15s
      a.btn.btn-dark.active.btn-quarter 30s
      a.btn.btn-dark.btn-quarter 45s
      a.btn.btn-dark.btn-quarter 60s
#vocab-test.modal.fade
  .modal-header
    a.close(data-dismiss = 'modal') Cancel
    h3.textcenter
      span.pull-left
        | Question
        span#vocab-qnumber 1
        | /
        span#vocab-qtotal 20
      span#vocab-time 0
      span.pull-right
        span#vocab-percent 0
        | % correct
  .modal-body.textcenter
    form.well
      h1 Question
      p
      input#vocab-answer.input-large(placeholder = 'Answer')
      div
       a#vocab-submit.btn.btn-large.btn-primary Submit
  .modal-footer
    div.progress
      div.bar(style = 'width: 0%')
